/********************
 *	mx-slide-left
 ********************/
#mx-left {position:relative; width:220px; height:310px;}
#mx-left .mx-hidden {width:100%; height:100%; overflow:hidden;}
#mx-left .mx-width {width:9999%; height:100%;}
#mx-left .mx-content {float:left; height:100%;}
#mx-left .mx-content a {float:left; width:260px; height:100%; overflow:hidden;}
#mx-left .mx-content a img {border:0; height:100%;}
#mx-left .mx-change {position:absolute; z-index:9; bottom:26px; right:0px; width:100%; height:14px; overflow:hidden; text-align:center; font:normal 12px 'SimSun';}
#mx-left .mx-change span {display:inline-block; width:4px; height:4px; margin:0px 1px; cursor:pointer; background:#333; border:2px solid #999; overflow:hidden;}
#mx-left .mx-change span.mx-cur {background:#F28E43;}

#mx-left .mx-key a {position:absolute; z-index:9; top:15px; font:normal 12px 'SimSun'; width:16px; height:16px; line-height:16px; text-align:center; background:#333; border:1px solid #fff; color:#fafafa; text-decoration:none; color:#fff;}
#mx-left .mx-key a:hover {}
#mx-left .mx-key .mx-key-back {right:29px;}
#mx-left .mx-key .mx-key-next {right:10px;}

#mx-left .mx-bg {position:absolute; z-index:3; bottom:0px; width:100%; height:26px; background:#000; opacity: 0.5; filter:alpha(opacity=50);}
#mx-left .mx-title {position:absolute; z-index:4; bottom:0; width:100%; height:26px; overflow:hidden;}
#mx-left .mx-title a {position:absolute; left:0; width:100%; line-height:26px; color:#fff; font-size:12px; text-decoration:none; text-align:center;}